<!DOCTYPE html>
<p>Below there should be a blue square snapped to the blue line above it.</p>
<div style="columns:3; column-gap:0; column-fill:auto; width:300px; line-height:20px; height:90px; border-top:1px solid blue; orphans:1; widows:1;">
    <div style="height:40px;"></div>
    <table cellpadding="0" cellspacing="0" style="height:200px;">
        <tr>
            <td><br><br></td>
        </tr>
        <tr>
            <td>
                <!-- Need an empty first block, so that there's a break
                     opportunity before the second one. There's no break
                     opportunity before a first child block. -->
                <div></div>
                <div style="width:80px; background:blue;">
                    <br><br><br>
                </div>
            </td>
        </tr>
    </table>
    <div style="width:80px; background:blue;">
        <br>
    </div>
</div>
